<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>조립PC의 대명사- PC Master~!~!</title>
</head>
<body>

<!-- 상단 로그인 패널을 include로 삽입 -->
<div style="position:absolute; left:50%; top:0px; width:1200px; height:80px; margin-left:-600px;z-index:1 ">
<%@ include file="loginPanel.jsp" %>
</div>

<!-- 상단 및 좌측 메뉴(카테고리)리스트를 include로 삽입 -->
<div style="position:absolute; left:50%; top:0px; width:1200px; height:80px; margin-left:-600px;">
<%@ include file="top.jsp" %>
</div>

<!-- 중간 배너이미지 -->
<div style="position:absolute; left:50%; top:160px; width:1200px; height:80px; margin-left:-400px;">
<div class="area1"> 
<div id="banner_img1"> 
<img src="/web/resources/images/main/banner1.jpg" width="1000px" height="350px"  border="0"  alt="banner1" /> 
</div> 
<div id="banner_img2" style="display:none;"> 
<img src="/web/resources/images/main/banner2.jpg" width="1000px" height="350px"  border="0"  alt="banner2" /> 
</div> 
<div id="banner_img3" style="display:none;"> 
<img src="/web/resources/images/main/banner3.jpg" width="1000px" height="350px"  border="0"  alt="banner3" /> 
</div>
 
<!-- 중간 배너이미지 아래쪽 아이콘 마우스 오버 시 Top.jsp의 function을 이용하여 이미지 전환-->
<div style="position:absolute; left:50%; top:290px; width:800px; height:30px; margin-left: -600px">
<table align=center border="0" width="1000px" height="100px">
<tr>
<td align="right" style="padding-right: 20px ">
<img id="banner_btn1" src="/web/resources/images/main/icon_on.gif" width="16px" height="16px" onmouseover='bannerChange(1)' style="cursor:pointer "/> 
<img id="banner_btn2" src="/web/resources/images/main/icon_off.gif" width="16px" height="16px" onmouseover='bannerChange(2)' style="cursor:pointer "/> 
<img id="banner_btn3" src="/web/resources/images/main/icon_off.gif" width="16px" height="16px" onmouseover='bannerChange(3)' style="cursor:pointer "/> 
</td> 
</tr>
</table>
</div> 
</div> 
</div> 

<!--  좌측 ssd 관련 이미지 -->
<div style="position:absolute; left:50%; top:510px; width:1200px; height:80px; margin-left:-600px;">
<table width="200px" border="0" cellspacing="0" cellpadding="0">
<tr>
	<td>
		<img src="/web/resources/images/main/main-btn01-on.jpg" style="width:200px; height:155px; cursor:pointer " onclick="location.href='/web/ssd'"/>
	</td>
</tr>
</table>
</div>

<!--  중간 best상품 1,2,3 이미지 -->
<div style="position:absolute; left:50%; top:510px; width:1200px; height:80px; margin-left:-400px;">
	<img src="/web/resources/images/main/Nega_banner_2.jpg" style="width:275px; height:290px; cursor:pointer " onclick="'#'"/>
	<img src="/web/resources/images/main/Nega_banner_3.jpg" style="width:275px; height:290px; cursor:pointer " onclick="'#'"/>
	<img src="/web/resources/images/main/Nega_banner_4.jpg" style="width:275px; height:290px; cursor:pointer " onclick="'#'"/>
</div>

<!-- 하단 콜센터, 영업시간, 은행입금 정보  -->
<div style="position:absolute; left:50%; top:1000px; width:1200px; height:80px; margin-left:-550px;">
	<img src="/web/resources/images/main/footer-call.jpg" style="width:376px; height:125px; "/>
	<img src="/web/resources/images/main/footer-business.jpg" style="width:378px; height:125px; "/>
	<img src="/web/resources/images/main/footer-bank.jpg" style="width:360px; height:125px; "/>
</div>

<!-- 인터넷뱅킹 은행사이트로 링크 연결  -->
<div style="position:absolute; left:50%; top:1120px; width:1200px; height:80px; margin-left:210px;">
<table width="350px" border="0" cellspacing="0" cellpadding="0">
 <tr> 
	<td style="padding:0px 0px 0px 13px;">
		<select name="select" onchange="window.open(this.value);" style="width:334px;">
			<option selected>인터넷뱅킹 바로가기</option>
			<option value="http://www.kjbank.com">광주은행</option>
			<option value="http://www.kyongnambank.co.kr">경남은행</option>
			<option value="http://www.kbstar.com">국민은행</option>
			<option value="http://ebank.mybank.co.kr">기업은행</option>
			<option value="http://banking.nonghyup.com">농협</option>
			<option value="http://banking.daegubank.co.kr">대구은행</option>
			<option value="http://ibank.pusanbank.co.kr">부산은행</option>
			<option value="http://www.kdb.co.kr">산업은행</option>
			<option value="http://ib.seoulbank.co.kr">서울은행</option>
			<option value="http://www.suhyup-bank.com">수협</option>
			<option value="http://ezbank.shinhan.com">신한은행</option>
			<option value="http://www.citibank.co.kr">씨티은행</option>
			<option value="http://www.wooribank.com">우리은행</option>
			<option value="http://www.epostbank.go.kr">우체국</option>
			<option value="http://ebank.keb.co.kr">외환은행</option>
			<option value="http://www.shinhan.com">조흥은행</option>
			<option value="http://www.jbbank.co.kr">전북은행</option>
			<option value="http://www.scfirstbank.com">제일은행</option>
			<option value="http://cjb.banktown.com">제주은행</option>
			<option value="http://www.hanabank.com">하나은행</option>
			<option value="http://www.citibank.co.kr">한미은행</option>
			<option value="http://www.kr.hsbc.com">HSBC은행</option>
			<option value="http://ib.kfcc.co.kr">새마을금고</option>
			<option value="http://www.cubank.co.kr">신협</option>
			<option value="http://www.ibk.co.kr">기업은행</option>
		</select>
	</td>
</tr>
</table>
</div>

<!-- 하단 이용약관, 고객센터, 회사정보 등의 정보를 include로 삽입 -->
<div style="position:absolute; left:0; top:1200px; width:100%; height:80px; ">
<%@ include file="bottom.jsp"%>
</div>
</body>
</html>